<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta charset="gb2312">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=dege" />
		<meta name="format-detection" content="telephone=no" />
		<title>航天</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
		<link rel="stylesheet" href="css/animate.min.css" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/headfoot.css">
		<link rel="stylesheet" href="css/second.css">
		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<style>
			.main_chose>.delete,.all_chose,.chose_change{
				display: none;
			}
			.list_opt_item{
				display: none;
			}
			.list_opt_item.active{
				display: block;
			}
		</style>
		<!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
	</head>
	<body>
		<!--头部部分-->
		<div class="heads">
			<script>$(".heads").load("head.html");</script>
		</div>
		<!--内容-->
		<!--导航-->
		<div class="huibg">
			<div class="main_md">
				<div class="padd20">
					<div class="adr_top">
						<a href="#">首页 </a> <a href="#">> 编辑</a>
						<div class="adr_rt"><a href="#"> 导入 </a><a href="#"> 导出 </a> <a href="#" class="tiao"> 标注 </a> </div>
					</div>

				</div>
				<div class="list-opt-pd pc-show">
					<!--数据源-->
					<div class="list_opt_item active">
						<div class="list-cate-item">
							<p class="list-cate-title">数据源111：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">原始数据 </a></li>
									<li><a href="#">标注数据</a></li>
								</ul>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">数据类型：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#">红外 </a></li>
									<li><a href="#">可见光 </a></li>
									<li><a href="#">SAR </a></li>
									<li><a href="#"> 微波被动 </a></li>
								</ul>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">采集源：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#">仿真 </a></li>
									<li><a href="#">卫星遥感 </a></li>
									<li><a href="#">无人机航拍</a></li>
									<li><a href="#"> 载机挂飞 </a></li>
									<li><a href="#"> 静态观测 </a></li>
									<li><a href="#">飞行试验</a></li>
								</ul>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">标注类型：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#">识别 </a></li>
									<li><a href="#">检测 </a></li>
								</ul>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">云量：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#">0-10 </a></li>
									<li><a href="#">10-20 </a></li>
									<li><a href="#">20-30 </a></li>
									<li><a href="#">30-40 </a></li>
									<li><a href="#"> 40-50</a></li>
									<li><a href="#"> 50-60</a></li>
								</ul>
								<div class="region">
									<div class="region-input"><input type="text" /> </div>
									<span></span>
									<div class="region-input"><input type="text" /> </div>
									百分比
									<a href="#"> 确定 </a>
								</div>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">距离：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#"> 0-100 </a></li>
									<li><a href="#"> 100-200 </a></li>
									<li><a href="#">200-300 </a></li>
									<li><a href="#"> 300-400 </a></li>
									<li><a href="#"> 400-500 </a></li>
									<li><a href="#"> 500-1000</a></li>
								</ul>
								<div class="region">
									<div class="region-input"><input type="text" /> </div>
									<span></span>
									<div class="region-input"><input type="text" /> </div>
									公里
									<a href="#"> 确定 </a>
								</div>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">目标类型：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#">类别1 </a></li>
									<li><a href="#">类别2 </a></li>
									<li><a href="#"> 类别3 </a></li>
									<li><a href="#">类别4 </a></li>
									<li><a href="#">类别5 </a></li>
									<li><a href="#">类别6 </a></li>
									<li><a href="#">类别7 </a></li>
									<li><a href="#">类别8 </a></li>
									<li><a href="#">类别9 </a></li>
									<li><a href="#">类别10 </a></li>
								</ul>
								<div class="list_more"><a href="#"> 更多 <i class="iconfont icon-gengduo"></i> </a> </div>

								<div class="cl"></div>
								<div class="second_list">
									<ul class="second_list1">
										<li class="active"><a href="#"> 级别1.1 </a></li>
										<li><a href="#"> 级别1.2 </a></li>
										<li><a href="#"> 级别1.3 </a></li>
										<li><a href="#"> 级别1.4 </a></li>
										<li><a href="#"> 级别1.5 </a></li>
										<li><a href="#"> 级别1.6 </a></li>
										<li><a href="#"> 级别1.7 </a></li>
										<li><a href="#"> 级别1.8 </a></li>
										<li><a href="#"> 级别1.9 </a></li>
										<li><a href="#"> 级别1.2 </a></li>
										<li><a href="#"> 级别1.3 </a></li>
										<li><a href="#"> 级别1.4 </a></li>
										<li><a href="#"> 级别1.5 </a></li>
										<li><a href="#"> 级别1.6 </a></li>
										<li><a href="#"> 级别1.7 </a></li>
										<li><a href="#"> 级别1.8 </a></li>
										<li><a href="#"> 级别1.9 </a></li>
									</ul>
									<ul class="second_list2">
										<li class="active"><a href="#"> 级别1.1.1 </a></li>
										<li><a href="#"> 级别1.2 .2 </a></li>
										<li><a href="#"> 级别1.3 .3</a></li>
										<li><a href="#"> 级别1.4 .1 </a></li>
										<li><a href="#"> 级别1.5 .1 </a></li>
										<li><a href="#"> 级别1.6 .1 </a></li>
										<li><a href="#"> 级别1.7 .1 </a></li>
										<li><a href="#"> 级别1.8 .1 </a></li>
										<li><a href="#"> 级别1.9.1 </a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="list_opt_item">
						<div class="list-cate-item">
							<p class="list-cate-title">数据源：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">原始数据 </a></li>
									<li><a href="#">标注数据</a></li>
								</ul>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">数据类型：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#">红外 </a></li>
									<li><a href="#">可见光 </a></li>
									<li><a href="#">SAR </a></li>
									<li><a href="#"> 微波被动 </a></li>
								</ul>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">采集源：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#">仿真 </a></li>
									<li><a href="#">卫星遥感 </a></li>
									<li><a href="#">无人机航拍</a></li>
									<li><a href="#"> 载机挂飞 </a></li>
									<li><a href="#"> 静态观测 </a></li>
									<li><a href="#">飞行试验</a></li>
								</ul>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">标注类型：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#">识别 </a></li>
									<li><a href="#">检测 </a></li>
								</ul>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">云量：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#">0-10 </a></li>
									<li><a href="#">10-20 </a></li>
									<li><a href="#">20-30 </a></li>
									<li><a href="#">30-40 </a></li>
									<li><a href="#"> 40-50</a></li>
									<li><a href="#"> 50-60</a></li>
								</ul>
								<div class="region">
									<div class="region-input"><input type="text" /> </div>
									<span></span>
									<div class="region-input"><input type="text" /> </div>
									百分比
									<a href="#"> 确定 </a>
								</div>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">距离：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#"> 0-100 </a></li>
									<li><a href="#"> 100-200 </a></li>
									<li><a href="#">200-300 </a></li>
									<li><a href="#"> 300-400 </a></li>
									<li><a href="#"> 400-500 </a></li>
									<li><a href="#"> 500-1000</a></li>
								</ul>
								<div class="region">
									<div class="region-input"><input type="text" /> </div>
									<span></span>
									<div class="region-input"><input type="text" /> </div>
									公里
									<a href="#"> 确定 </a>
								</div>
								<div class="cl"></div>
							</div>
						</div>
						<div class="list-cate-item">
							<p class="list-cate-title">目标类型：</p>
							<div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
								<ul class="list-cate-ul listCate-ul-w lf">
									<li class="select"><a href="">全部 </a></li>
									<li><a href="#">类别1 </a></li>
									<li><a href="#">类别2 </a></li>
									<li><a href="#"> 类别3 </a></li>
									<li><a href="#">类别4 </a></li>
									<li><a href="#">类别5 </a></li>
									<li><a href="#">类别6 </a></li>
									<li><a href="#">类别7 </a></li>
									<li><a href="#">类别8 </a></li>
									<li><a href="#">类别9 </a></li>
									<li><a href="#">类别10 </a></li>
								</ul>
								<div class="list_more"><a href="#"> 更多 <i class="iconfont icon-gengduo"></i> </a> </div>

								<div class="cl"></div>
								<div class="second_list">
									<ul class="second_list1">
										<li class="active"><a href="#"> 级别1.1 </a></li>
										<li><a href="#"> 级别1.2 </a></li>
										<li><a href="#"> 级别1.3 </a></li>
										<li><a href="#"> 级别1.4 </a></li>
										<li><a href="#"> 级别1.5 </a></li>
										<li><a href="#"> 级别1.6 </a></li>
										<li><a href="#"> 级别1.7 </a></li>
										<li><a href="#"> 级别1.8 </a></li>
										<li><a href="#"> 级别1.9 </a></li>
										<li><a href="#"> 级别1.2 </a></li>
										<li><a href="#"> 级别1.3 </a></li>
										<li><a href="#"> 级别1.4 </a></li>
										<li><a href="#"> 级别1.5 </a></li>
										<li><a href="#"> 级别1.6 </a></li>
										<li><a href="#"> 级别1.7 </a></li>
										<li><a href="#"> 级别1.8 </a></li>
										<li><a href="#"> 级别1.9 </a></li>
									</ul>
									<ul class="second_list2">
										<li class="active"><a href="#"> 级别1.1.1 </a></li>
										<li><a href="#"> 级别1.2 .2 </a></li>
										<li><a href="#"> 级别1.3 .3</a></li>
										<li><a href="#"> 级别1.4 .1 </a></li>
										<li><a href="#"> 级别1.5 .1 </a></li>
										<li><a href="#"> 级别1.6 .1 </a></li>
										<li><a href="#"> 级别1.7 .1 </a></li>
										<li><a href="#"> 级别1.8 .1 </a></li>
										<li><a href="#"> 级别1.9.1 </a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
                    <div class="list_opt_item">
                        <div class="list-cate-item">
                            <p class="list-cate-title">数据源22：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">原始数据 </a></li>
                                    <li><a href="#">标注数据</a></li>
                                </ul>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">数据类型：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#">红外 </a></li>
                                    <li><a href="#">可见光 </a></li>
                                    <li><a href="#">SAR </a></li>
                                    <li><a href="#"> 微波被动 </a></li>
                                </ul>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">采集源：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#">仿真 </a></li>
                                    <li><a href="#">卫星遥感 </a></li>
                                    <li><a href="#">无人机航拍</a></li>
                                    <li><a href="#"> 载机挂飞 </a></li>
                                    <li><a href="#"> 静态观测 </a></li>
                                    <li><a href="#">飞行试验</a></li>
                                </ul>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">标注类型：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#">识别 </a></li>
                                    <li><a href="#">检测 </a></li>
                                </ul>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">云量：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#">0-10 </a></li>
                                    <li><a href="#">10-20 </a></li>
                                    <li><a href="#">20-30 </a></li>
                                    <li><a href="#">30-40 </a></li>
                                    <li><a href="#"> 40-50</a></li>
                                    <li><a href="#"> 50-60</a></li>
                                </ul>
                                <div class="region">
                                    <div class="region-input"><input type="text" /> </div>
                                    <span></span>
                                    <div class="region-input"><input type="text" /> </div>
                                    百分比
                                    <a href="#"> 确定 </a>
                                </div>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">距离：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#"> 0-100 </a></li>
                                    <li><a href="#"> 100-200 </a></li>
                                    <li><a href="#">200-300 </a></li>
                                    <li><a href="#"> 300-400 </a></li>
                                    <li><a href="#"> 400-500 </a></li>
                                    <li><a href="#"> 500-1000</a></li>
                                </ul>
                                <div class="region">
                                    <div class="region-input"><input type="text" /> </div>
                                    <span></span>
                                    <div class="region-input"><input type="text" /> </div>
                                    公里
                                    <a href="#"> 确定 </a>
                                </div>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">目标类型：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#">类别1 </a></li>
                                    <li><a href="#">类别2 </a></li>
                                    <li><a href="#"> 类别3 </a></li>
                                    <li><a href="#">类别4 </a></li>
                                    <li><a href="#">类别5 </a></li>
                                    <li><a href="#">类别6 </a></li>
                                    <li><a href="#">类别7 </a></li>
                                    <li><a href="#">类别8 </a></li>
                                    <li><a href="#">类别9 </a></li>
                                    <li><a href="#">类别10 </a></li>
                                </ul>
                                <div class="list_more"><a href="#"> 更多 <i class="iconfont icon-gengduo"></i> </a> </div>

                                <div class="cl"></div>
                                <div class="second_list">
                                    <ul class="second_list1">
                                        <li class="active"><a href="#"> 级别1.1 </a></li>
                                        <li><a href="#"> 级别1.2 </a></li>
                                        <li><a href="#"> 级别1.3 </a></li>
                                        <li><a href="#"> 级别1.4 </a></li>
                                        <li><a href="#"> 级别1.5 </a></li>
                                        <li><a href="#"> 级别1.6 </a></li>
                                        <li><a href="#"> 级别1.7 </a></li>
                                        <li><a href="#"> 级别1.8 </a></li>
                                        <li><a href="#"> 级别1.9 </a></li>
                                        <li><a href="#"> 级别1.2 </a></li>
                                        <li><a href="#"> 级别1.3 </a></li>
                                        <li><a href="#"> 级别1.4 </a></li>
                                        <li><a href="#"> 级别1.5 </a></li>
                                        <li><a href="#"> 级别1.6 </a></li>
                                        <li><a href="#"> 级别1.7 </a></li>
                                        <li><a href="#"> 级别1.8 </a></li>
                                        <li><a href="#"> 级别1.9 </a></li>
                                    </ul>
                                    <ul class="second_list2">
                                        <li class="active"><a href="#"> 级别1.1.1 </a></li>
                                        <li><a href="#"> 级别1.2 .2 </a></li>
                                        <li><a href="#"> 级别1.3 .3</a></li>
                                        <li><a href="#"> 级别1.4 .1 </a></li>
                                        <li><a href="#"> 级别1.5 .1 </a></li>
                                        <li><a href="#"> 级别1.6 .1 </a></li>
                                        <li><a href="#"> 级别1.7 .1 </a></li>
                                        <li><a href="#"> 级别1.8 .1 </a></li>
                                        <li><a href="#"> 级别1.9.1 </a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="list_opt_item">
                        <div class="list-cate-item">
                            <p class="list-cate-title">数据源33：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">原始数据 </a></li>
                                    <li><a href="#">标注数据</a></li>
                                </ul>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">数据类型：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#">红外 </a></li>
                                    <li><a href="#">可见光 </a></li>
                                    <li><a href="#">SAR </a></li>
                                    <li><a href="#"> 微波被动 </a></li>
                                </ul>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">采集源：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#">仿真 </a></li>
                                    <li><a href="#">卫星遥感 </a></li>
                                    <li><a href="#">无人机航拍</a></li>
                                    <li><a href="#"> 载机挂飞 </a></li>
                                    <li><a href="#"> 静态观测 </a></li>
                                    <li><a href="#">飞行试验</a></li>
                                </ul>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">标注类型：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#">识别 </a></li>
                                    <li><a href="#">检测 </a></li>
                                </ul>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">云量：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#">0-10 </a></li>
                                    <li><a href="#">10-20 </a></li>
                                    <li><a href="#">20-30 </a></li>
                                    <li><a href="#">30-40 </a></li>
                                    <li><a href="#"> 40-50</a></li>
                                    <li><a href="#"> 50-60</a></li>
                                </ul>
                                <div class="region">
                                    <div class="region-input"><input type="text" /> </div>
                                    <span></span>
                                    <div class="region-input"><input type="text" /> </div>
                                    百分比
                                    <a href="#"> 确定 </a>
                                </div>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">距离：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#"> 0-100 </a></li>
                                    <li><a href="#"> 100-200 </a></li>
                                    <li><a href="#">200-300 </a></li>
                                    <li><a href="#"> 300-400 </a></li>
                                    <li><a href="#"> 400-500 </a></li>
                                    <li><a href="#"> 500-1000</a></li>
                                </ul>
                                <div class="region">
                                    <div class="region-input"><input type="text" /> </div>
                                    <span></span>
                                    <div class="region-input"><input type="text" /> </div>
                                    公里
                                    <a href="#"> 确定 </a>
                                </div>
                                <div class="cl"></div>
                            </div>
                        </div>
                        <div class="list-cate-item">
                            <p class="list-cate-title">目标类型：</p>
                            <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                                <ul class="list-cate-ul listCate-ul-w lf">
                                    <li class="select"><a href="">全部 </a></li>
                                    <li><a href="#">类别1 </a></li>
                                    <li><a href="#">类别2 </a></li>
                                    <li><a href="#"> 类别3 </a></li>
                                    <li><a href="#">类别4 </a></li>
                                    <li><a href="#">类别5 </a></li>
                                    <li><a href="#">类别6 </a></li>
                                    <li><a href="#">类别7 </a></li>
                                    <li><a href="#">类别8 </a></li>
                                    <li><a href="#">类别9 </a></li>
                                    <li><a href="#">类别10 </a></li>
                                </ul>
                                <div class="list_more"><a href="#"> 更多 <i class="iconfont icon-gengduo"></i> </a> </div>

                                <div class="cl"></div>
                                <div class="second_list">
                                    <ul class="second_list1">
                                        <li class="active"><a href="#"> 级别1.1 </a></li>
                                        <li><a href="#"> 级别1.2 </a></li>
                                        <li><a href="#"> 级别1.3 </a></li>
                                        <li><a href="#"> 级别1.4 </a></li>
                                        <li><a href="#"> 级别1.5 </a></li>
                                        <li><a href="#"> 级别1.6 </a></li>
                                        <li><a href="#"> 级别1.7 </a></li>
                                        <li><a href="#"> 级别1.8 </a></li>
                                        <li><a href="#"> 级别1.9 </a></li>
                                        <li><a href="#"> 级别1.2 </a></li>
                                        <li><a href="#"> 级别1.3 </a></li>
                                        <li><a href="#"> 级别1.4 </a></li>
                                        <li><a href="#"> 级别1.5 </a></li>
                                        <li><a href="#"> 级别1.6 </a></li>
                                        <li><a href="#"> 级别1.7 </a></li>
                                        <li><a href="#"> 级别1.8 </a></li>
                                        <li><a href="#"> 级别1.9 </a></li>
                                    </ul>
                                    <ul class="second_list2">
                                        <li class="active"><a href="#"> 级别1.1.1 </a></li>
                                        <li><a href="#"> 级别1.2 .2 </a></li>
                                        <li><a href="#"> 级别1.3 .3</a></li>
                                        <li><a href="#"> 级别1.4 .1 </a></li>
                                        <li><a href="#"> 级别1.5 .1 </a></li>
                                        <li><a href="#"> 级别1.6 .1 </a></li>
                                        <li><a href="#"> 级别1.7 .1 </a></li>
                                        <li><a href="#"> 级别1.8 .1 </a></li>
                                        <li><a href="#"> 级别1.9.1 </a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
					<div class="list-cate-item list_change">
						<p> 更多条件 <i class="iconfont icon-gengduo"></i> </p>
					</div>
					<div class="list-cate-item">
						<div class="course-cate-choose">
							<div class="course-choose-block">
								<p class="list-choose-item"><a href="#">服务省份： 河北省<i class="zsxx iconfont icon-guanbi"></i></a></p>
								<a class="course-choose-clear" href="">重置条件</a>
							</div>
						</div>
					</div>
				</div>
				<div class="padd20">
					<div class="main_cont">
						<div class="main_tit">
							<h1> 全部 </h1>
							<div class="main_chose">
								<span class="chose_ac"> <i class="iconfont icon-xuanze"></i> <b>选择</b> </span>
								<span class="delete"> <i class="iconfont icon-guanbi"></i> 删除 </span>
								<span class="all_chose"> <i class="iconfont icon-quanxuan"></i> 全选 </span>
								<span class="chose_change"> <i class="iconfont icon-bianji"></i> 编辑 </span>
							</div>
						</div>
						<ul>
							<li><a href="#">
									<div class="icon_img">
										<img src="images/index/ic.jpg" alt="" />
									</div>
									<div class="icon_text">
										<i class="iconfont icon-quanxuan1"></i>
									</div>
									<h4>雷达红外线</h4>
								</a></li>
							<li><a href="#">
									<div class="icon_img">
										<img src="images/index/ic.jpg" alt="" />
									</div>
									<div class="icon_text">
										<i class="iconfont icon-quanxuan1"></i>
									</div>
									<h4>雷达红外线</h4>
								</a></li>
							<li><a href="#">
									<div class="icon_img">
										<img src="images/index/ic.jpg" alt="" />
									</div>
									<div class="icon_text">
										<i class="iconfont icon-quanxuan1"></i>
									</div>
									<h4>雷达红外线</h4>
								</a></li>
							<li><a href="#">
									<div class="icon_img">
										<img src="images/index/ic.jpg" alt="" />
									</div>
									<div class="icon_text">
										<i class="iconfont icon-quanxuan1"></i>
									</div>
									<h4>雷达红外线</h4>
								</a></li>
							<div class="both"></div>
						</ul>
						<div>
							<div class="mypage  ph_dis">
								<a href="#">上一页</a>
								<a href="#" class="linking">1</a>
								<a href="#" class="unlink">2</a>
								<a href="#" class="unlink">3</a>
								<a href="#" class="unlink">4</a>
								<a href="#">下一页</a>
							</div>
							<div class="mypage  pc_dis">
								<a href="#">&lt;</a>
								1/10
								<a href="#">&gt;</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="foots">
			<script>
				$(".foots").load("foot.html");
			</script>
		</div>
		<!-- 弹出框-->
		<div class="flex">
			<div class="flex_cont">
				<div class="flex_close"> <i class="iconfont icon-guanbi"></i> </div>
				<h2><span>*</span> 标注文件保存路径</h2>
				<div class="flex_input">
					<input type="text"/>
					<button>选择</button>
				</div>
				<h2><span>*</span> 标注文件类型</h2>
				<div class="radio_list">
					<input type="radio"/> json
					<input type="radio"/> xml
					<input type="radio"/> txt
				</div>

				<a href="#">确定 </a>
			</div>
		</div>
		<script>
//			弹出框

			$(".tiao").click(function(){
				$(".flex").show(300);
			})
			$(".flex_close").click(function(){
				$(".flex").hide();
			})

			$(".list_more").hover(function() {
				$(".second_list").show();
			})
			// 类别筛选
			let itemCount = $('.list_opt_item').length;
			$('.list_change').click(function(){
				let index = $(".list_opt_item").index($('.list_opt_item.active')[0]);
				let next = index + 1;
				if(next >= itemCount){
					next = 0;
				}
				// debugger
				$('.list_opt_item').removeClass('active');
				$(".list_opt_item:eq('"+next+"')").addClass('active');
			});
			// 编辑
			$(".chose_ac").click(function() {
				$(this).toggleClass("active");
				if ($(this).hasClass('active')) {
					$('.delete,.all_chose,.chose_change').show();
				} else {
					$('.delete,.all_chose,.chose_change').hide();
				}
			});
			// 删除
			$('.delete').click(function() {
				if (!checkActive()) {
					return false;
				}
				let activeDom = $(".main_cont li.active");
				if (activeDom.length < 1) {
					alert('请选择至少一个');
					return false;
				}
				activeDom.remove();
				$('.all_chose').removeClass('active');
			});
			// 全选
			$('.all_chose').click(function() {
				if (!checkActive()) {
					return false;
				}
				$('.main_cont li').toggleClass('active');
                $(".all_chose").toggleClass('active');
			});
			// 点击图片选择
			$(".main_cont li a").click(function() {
				if (!checkActive()) {
					return false;
				}
				$(this).parent().toggleClass("active");
				changeStatus();
				return false;
			});
			function checkActive() {
				let active = $(".chose_ac").hasClass("active");
				if (!active) {
					return false;
				}
				return true;
			}
			function changeStatus() {
				let activeCount = $(".main_cont li.active").length;
				let allCount = $(".main_cont li").length;

				if (allCount == activeCount) { // 全选
					$(".all_chose").addClass('active');
				} else {
					$(".all_chose").removeClass('active');
				}
			}
		</script>
	</body>
</html>
